
<html>

<title>Third Test of Section 5.5.20 of CSS1 Spec</title>

<style type="text/css">
#id1 {border-bottom: thin dotted maroon}
#id2 {border-bottom-width: thin;
      border-style: dotted;
      color: maroon;
     }
#id3 {border-bottom: dotted maroon}
</style>
</head>



<body>




<h1 >Testing Statement #3 Below of Section 5.5.20 of CSS1 Spec</h1>






<ul>
<li>
3. "border-bottom' is a shorthand property for setting the width, style and color
of an element's bottom border.  Otherwise it is equivalent to the "border-top".
</ul>




<h2>
PASS CRITERIA:
</h2>
<p id=ID1 >
If statement #3 above is passed, this paragraph should have a border bottom
of thin dotted maroon.  The rule applied is "#id1 {border-bottom: thin
dotted maroon}".
<p ID=id2>
This paragraph should have a border-bottom-width of thin, a border style
of dotted, and a color of maroon.  It should look the same as the paragraph
above.
The rule applied is "#id2 {border-bottom-width: thin;
                           border-style: dashed;
                           color: maroon;}".
<p ID=id3>
This paragraph should have a border bottom of medium dashed maroon.
The medium width is a default, since no explicit value is specified.
The rule applied is "#id3 {border-bottom: dashed maroon}".
<p>



All other properties of this page should be UA-default.


</body>
</html>
